<!DOCTYPE html>
<html lang="zh-CN">

<#assign html_title="搬砖之家">
    <head>

        <#include "/components/head.htm"   />
        <style>
            .table > thead > tr > th,
            .table > tbody > tr > th,
            .table > tfoot > tr > th,
            .table > thead > tr > td,
            .table > tbody > tr > td,
            .table > tfoot > tr > td {
                padding: 13px;
                line-height: 1.42857143;
                vertical-align: middle;
                border-top: 1px solid #ddd;
            }
        </style>
    </head>
    <body>
    <div id="fullPage">
        <!--Page One-->
        <#include "/components/header.section.htm"   />
        <section>
            <div class="container white-block">
                <h3>选择订阅的网站</h3>
                    <div class="btn-group" role="group">
                        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            选择区域
                            <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu">
                            <li><a href="/view/buy/select">所有区域</a></li>
                            <#list regions as item>
                                <li><a href="/view/buy/select?region=${item.REGION}">${item.REGION}</a></li>
                            </#list>
                        </ul>
                    </div>
                <form action="/view/buy/combo" method="post">
                    <div style="height: 400px;overflow: auto;">
                        <table class="table table-hover table-striped">
                            <tr>
                                <th width="60">选择</th>
                                <th width="60">序号</th>
                                <th>网站</th>
                                <th>区域</th>
                            </tr>
                            <#list siteList as site >
                                <tr title="点击可选中或反选本行">
                                    <td>
                                        <input type="checkbox" name="site" value="${site.WEBSITE}">
                                    </td>
                                    <td>${site_index+1}</td>
                                    <td>${site.REGION!}</td>
                                    <td>${site.WEBSITE}</td>
                                </tr>
                            </#list>
                        </table>
                    </div>

                    <div class="col-md-12 text-center" style="padding: 20px;">
                        <button class="btn btn-default select-btn">去选择套餐</button>
                    </div>
                </form>

            </div>
        </section>
    </div>
    <script>
        $(document).ready(function () {
            $('td').click(function () {
                var tr = $(this).parent();
                tr.find('input').trigger('click');
            });
        });
    </script>
    </body>

</html>